{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <meta name="description" content="{% block description %}{% endblock %}">
    <meta name="author" content="{% block author %}{% endblock %}">
    <title>PassNote - {% block title %}默认标题{% endblock %}</title>

    <link href="/Site/static/css/global.css" rel="stylesheet">
    <link rel="stylesheet" href="/Site/static/css/bootstrap.css">
    <link href="/Site/static/css/layout.css" rel="stylesheet">

    <!-- Google Material Icons Font -->
    <link rel="stylesheet" href="{% static "icon/md/material-icons.css" %}">

    <!-- Site Icon -->
    <link rel="icon" href="/Site/static/logo/32x32.png">

    <!-- JQuery 放在底部好像不能用 -->
    <script src="/Site/static/js/jquery-3.3.1.js"></script>
    <script src="/Site/static/js/jquery.md5.js"></script>
    <script src="/Site/static/js/data-secure.js"></script>
    <script src="/Site/static/js/utils.js"></script>

    {# 支持额外的头部代码 #}
    {% block head %}{% endblock %}
</head>
<body>
<div class="container">
    {% include "header.html" %}

    {% if global_message %}
        <div id="global_msssage" class="alert alert-{{ global_message.type }} form-control" role="alert">
            {{ global_message.content }}
        </div>
    {% endif %}

    {% if message %}
        <div id="message" class="alert alert-{{ message.type }} form-control" role="alert">
            {{ message.content }}
        </div>
    {% endif %}

    {% block body %}{% endblock %}

</div>

{% include "footer.html" %}

<script src="/Site/static/js/popper.js"></script>
<script src="/Site/static/js/bootstrap.js"></script>
<script src="{% static "js/crypto-js-3.1.9-1/crypto-js.js" %}"></script>
</body>
</html>